<template>
	<view>
		
		
		
		<view style="background-color: #fff;border-radius: 10rpx;" class="u-p-10">
			<u-row gutter="10">
				<u-col span="2"> 
					<image style="width:90rpx" mode="widthFix" v-if="item.product=='zfb'" src="@/static/zfb.png"></image>
					<image style="width:90rpx" mode="widthFix" v-if="item.product=='huifu'" src="@/static/bank.png"></image>
					
				</u-col>
				<u-col span="5" style="line-height: 1.8;">
					<view >
						<text class="u-font-bold">提现</text>
						
						
						<u-tag text="成功" mode="light" size="mini" class="u-m-l-10" type="success"/>
						
						<view class="u-font-24" style="color: darkgray;">										{{$u.timeFormat(item.createtime, 'yyyy-mm-dd hh:MM')}}</view>
					</view>
					
				</u-col>
				<u-col span="5" >
					<view class="u-font-32 u-text-center u-font-bold u-text-right">{{item.money}}</view>
					<view class="u-text-center  u-font-24 u-text-right" style="color: darkgray;">
						
							到账账户：{{product_auth_list[item.product]}}
						
					</view>
				</u-col>
			</u-row>
		</view>

	</view>
</template> 

<script>
	export default {
		name:"v-item",
		props:{
			icon:{
				type:String,
				default:''
			},
			
			typename:{
				type:String,
				default:''
			},
			item:{
				type:[Array,Object],
				default:[]
			}
		},
		computed:{
			product_auth_list(){
				var product=JSON.parse(this.userInfo.product_auth);
				console.log(product)
				var option=[]
				for (var i = 0; i < product.length; i++) {
					if(product[i]=='zfb' && this.userInfo.zfbusername){
						var tel=this.userInfo.zfbusername.slice(-4)
						option.zfb='支付宝'+tel
					}
					if(product[i]=='huifu' && this.userInfo.card_no){
						var card=this.userInfo.card_no.slice(-4)
						option.huifu='银行卡'+card
						
					}
				}
				
				return option;
			}
		},
		data() {
			return {
				show:{
					timerange:false,
					poster:false
				},
				poster:''
			};
		},
		methods:{
			
		}
	}
</script>

<style>

</style>